<div>
    <h1>走~~带你听歌去...</h1>
        <input style="width: 30%" @blur="findMusic" v-model="music" type="" name="" placeholder="请输入歌曲名称,失去焦点开始查找。。。">
        <input type="button" value="找歌" placeholder="" @click="find">
    <ul>
        <div class="play">
            <audio id="playMusic" autoplay="autoplay" controls="controls" loop="loop" @src="{{musicpath}}"></audio>
            <div style="display:none">{{musicpath}}</div>
            <div class="oven" v-if="musicInfo.musicTitle">
                正在播放：{{musicInfo.musicTitle}}-{{musicInfo.MusicCome}}
            </div>
        </div>
        <hr>
        <li v-for="x in musicList" style="margin:10px; 0px; padding:5px; 10px; border-bottom:1px solid #ddd">
            名称：{{x.MusicName}} <br>
            歌手：{{x.MusicAuth}}<br>
            来自：{{x.MusicCome}}<br>
            封面：<a>{{x.MusicHd}}</a> <br>
            歌曲ID：<a>{{x.MusicId}}</a><br>
            <button @click="lission(x.MusicId)">试听一下看看</button>
        </li>
    </ul>
    <a href="#/test">test...</a>
    <a href="#/tming">tming...</a>
    <a href="#/">index...</a>
</div>